.AdminPage {
    height: 100vh;

    .ant-layout-content {
        height: 100%;

        &>div {
            width: 100%;
            height: 100%;
        }
    }

    .Header {
        display: flex;
        align-items: center;
        justify-content: space-between;

        &>.HeaderOptions {
            flex: 1;
            margin-right: 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            user-select: none;

            &>.Title {
                font-family: ShuHeiTi;
                font-weight: 600;
                font-size: 32px;
                color: #262626;
                margin: 0 8px;
            }

            &>.Right {
                display: flex;
                align-items: center;
                justify-content: center;

                &>.options {
                    margin-right: 24px;
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    &>span {
                        margin: 0 8px;
                        font-size: 24px;
                        cursor: pointer;

                        &:hover {
                            color: #13c2c2;
                        }
                    }
                }

                &>.user {
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    &>.userInfo {
                        display: flex;
                        align-items: flex-start;
                        justify-content: center;
                        flex-direction: column;
                        margin: 0 8px;

                        &>div {
                            line-height: 24px;

                            &:nth-child(1) {
                                font-family: PingFang;
                                font-weight: 600;
                                font-size: 16px;
                                color: #006d75;
                            }

                            &:nth-child(2) {
                                font-family: PingFang;
                                font-weight: 400;
                                font-size: 12px;
                                color: #36cfc9;
                            }
                        }
                    }
                }
            }

        }
    }

}

.ContentBox {
    width: 100%;
    height: 100%;
    overflow: hidden;

    &>.ant-tabs {
        height: 100%;

        .ant-tabs-content {
            height: 100%;
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(10px);
            border-radius: 0 0 8px 8px;
            padding: 16px;
            overflow: hidden;

            &>.ant-tabs-tabpane {
                height: 100%;

                &>div {
                    height: 100%;
                }
            }
        }
    }


    .ant-tabs-top>.ant-tabs-nav {
        margin: 0;
    }
}